<template>
	<!-- 报道乡镇 -->
	<view id="reportvillages">
		<view class="nav">
			<van-nav-bar title="选择要报道的街道( 乡镇 )" custom-style="background-color: #ff6358;padding-top:0px;"
				style="background-color: #ff6358;color: #fff;" title-class="color: #fff;" left-arrow
				@click-left="onClickLeft" />
		</view>
		<view class="aaa">
			<van-cell @click='goTocommunity' style='width: 47%;margin: 1%;' v-for="(item,index) in 10" :key="index" icon="location-o" custom-class='box' title="颩铪" is-link/>
		</view>
	</view>
</template>

<script>
	export default{
		components:{
			
		},
		data(){
			return {

			}
		},
		methods:{
			onClickLeft:()=>uni.navigateBack(),
			goTocommunity:()=>uni.navigateTo({url:"/subPack_mine/reportcommunity/reportcommunity"}),
		},
		computed:{
			
		},
		mounted(){
			
		},
		created(){
			
		},
	}

</script>

<style lang='less' scoped>
#reportvillages{
	background: #f5f2f5;
	height: 100vh;
	.aaa{
		padding: 2%;
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		::v-deep .van-cell{
			width: 100% !important;
			border-radius: 5px;
		}
	}
}
.nav{
	::v-deep .van-nav-bar{
		padding-top: 0 !important;
		background: #fd6458;
	}
	::v-deep .van-icon {
		color: white !important;
	}
	::v-deep .van-nav-bar__title {
		color: white !important;
	}
}

</style>
